@use '../../../scss/gio-layout' as gio-layout;

:host {
  @include gio-layout.gio-responsive-content-container;
}

.api-audit {
  &__filters {
    margin-bottom: 4px;

    &__field {
      padding-bottom: 0;

      &.right {
        float: right;
      }
    }
  }

  &__table {
    .mat-column-date {
      min-width: 214px;
    }

    .mat-column-patch {
      .pre-wrapper {
        display: flex;
        align-items: center;
        pre {
          margin: 0 0 0 0;
        }
      }
    }

    .mat-column-targets {
      .targets {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: auto 1fr;
        line-height: 20px;
        &__target {
          font-weight: bold;
        }
      }
    }
  }
}
